<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body>
<jsp:include page="HeaderServlet"></jsp:include>

<section class="pro-list">
    <aside class="pro-leftsidebar">
        <ul>
            <li>
                <a>婚纱搜索</a>
                <ul id="pro-search">
                    <li><a><input type="text"  class="pro-search"><a class="pro-search-btn">搜索</a></a></li>
                </ul>
            </li>
            <li>
                <a>婚纱分类</a>
                <ul id="pro-category">
                
                    <li class="on"><a href="#">超仙系列</a></li>
                    <li><a href="#">超仙系列</a></li>
                    <li><a href="#">超仙系列</a></li>
                    <li><a href="#">超仙系列</a></li>
                </ul>
            </li>
        </ul>
    </aside>

    <aside class="pro-rightsidebar">
        <header>
            <p></p>
            <span>婚纱系列</span>
            <div class="product-nav"><a href="index.jsp">首页 </a>&#62;<a href="#">案例展示</a>&#62;<a>产品分类</a>&#62;<a>椅子系列</a></div>
        </header>
        <main>
            <div class="pro-right-left">
                <div class="pro-details-img"><img src="images/pro6.png"></div>
                <div class="pro-detalis-carousel">
                    <div class="am-slider am-slider-default am-slider-carousel" data-am-flexslider="{itemWidth: 112, itemMargin: 4,move:5,  controlNav: false ,  slideshow: true}">
                        <ul class="am-slides pro-details">
                            <li><img src="images/pro7.png" /></li>
                            <li><img src="images/pro1.png" /></li>
                            <li><img src="images/pro2.png" /></li>
                            <li><img src="images/pro3.png" /></li>
                            <li><img src="images/pro4.png" /></li>
                            <li><img src="images/pro5.png" /></li>
                            <li><img src="images/pro6.png" /></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="pro-right-right">
                <ul class="pro-right-info-constant">
                    <li>产品名称:</li>
                    <li>产品材质:</li>
                    <li>产品售价:</li>
                    <li>市场价:</li>
                </ul>
                <ul class="pro-right-info-variable">
                    <li>超仙拖尾裙婚纱</li>
                    <li>真丝绸</li>
                    <li>$999.00</li>
                    <li>$666.00</li>
                </ul>
            </div>

            <div class="am-tabs pro-tabs" data-am-tabs>
                <ul class="am-tabs-nav am-nav am-nav-tabs">
                    <li class="am-active"><a href="#tab1">详细说明1</a></li>
                    <li><a href="#tab2">详细说明2</a></li>
                    <li><a href="#tab3">详细说明3</a></li>
                    <li><a href="#tab4">详细说明4</a></li>
                </ul>

                <div class="am-tabs-bd">
                    <div class="am-tab-panel am-active" id="tab1">
                        <ul>
                            <li>
                                <span class="pro-tabs-constant">品牌:</span>
                                <span class="pro-tabs-variable">菱雾</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">是否售出:</span>
                                <span class="pro-tabs-variable">YES</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">是否可预定:</span>
                                <span class="pro-tabs-variable">yes</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">型号:</span>
                                <span class="pro-tabs-variable">M</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">颜色分类:</span>
                                <span class="pro-tabs-variable">牛奶白</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">设计元素:</span>
                                <span class="pro-tabs-variable">灵魂设计</span>
                            </li> <li>
                            <span class="pro-tabs-constant">风格:</span>
                            <span class="pro-tabs-variable">传统式</span>
                        </li>
                            <li>
                                <span class="pro-tabs-constant">款式定位:</span>
                                <span class="pro-tabs-variable">现代</span>
                            </li>
                        </ul>
                    </div>
                    <div class="am-tab-panel" id="tab2">
                      <li>
                                <span class="pro-tabs-constant">品牌:</span>
                                <span class="pro-tabs-variable">菱雾</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">是否售出:</span>
                                <span class="pro-tabs-variable">YES</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">是否可预定:</span>
                                <span class="pro-tabs-variable">yes</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">型号:</span>
                                <span class="pro-tabs-variable">M</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">颜色分类:</span>
                                <span class="pro-tabs-variable">牛奶白</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">设计元素:</span>
                                <span class="pro-tabs-variable">灵魂设计</span>
                            </li> <li>
                            <span class="pro-tabs-constant">风格:</span>
                            <span class="pro-tabs-variable">传统式</span>
                        </li>
                            <li>
                                <span class="pro-tabs-constant">款式定位:</span>
                                <span class="pro-tabs-variable">现代</span>
                            </li>
                        </ul>
                    </div>
                    <div class="am-tab-panel" id="tab3">
                      <li>
                                <span class="pro-tabs-constant">品牌:</span>
                                <span class="pro-tabs-variable">菱雾</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">是否售出:</span>
                                <span class="pro-tabs-variable">YES</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">是否可预定:</span>
                                <span class="pro-tabs-variable">yes</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">型号:</span>
                                <span class="pro-tabs-variable">M</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">颜色分类:</span>
                                <span class="pro-tabs-variable">牛奶白</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">设计元素:</span>
                                <span class="pro-tabs-variable">灵魂设计</span>
                            </li> <li>
                            <span class="pro-tabs-constant">风格:</span>
                            <span class="pro-tabs-variable">传统式</span>
                        </li>
                            <li>
                                <span class="pro-tabs-constant">款式定位:</span>
                                <span class="pro-tabs-variable">现代</span>
                            </li>
                        </ul>
                    </div>
                    <div class="am-tab-panel" id="tab4">
                      <li>
                                <span class="pro-tabs-constant">品牌:</span>
                                <span class="pro-tabs-variable">菱雾</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">是否售出:</span>
                                <span class="pro-tabs-variable">YES</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">是否可预定:</span>
                                <span class="pro-tabs-variable">yes</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">型号:</span>
                                <span class="pro-tabs-variable">M</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">颜色分类:</span>
                                <span class="pro-tabs-variable">牛奶白</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">设计元素:</span>
                                <span class="pro-tabs-variable">灵魂设计</span>
                            </li> <li>
                            <span class="pro-tabs-constant">风格:</span>
                            <span class="pro-tabs-variable">传统式</span>
                        </li>
                            <li>
                                <span class="pro-tabs-constant">款式定位:</span>
                                <span class="pro-tabs-variable">现代</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </main>
    </aside>
</section>
<jsp:include page="footerServlet"></jsp:include>
</body>
</html>